@extends('layouts.buz.layout')
@section('assets')

@endsection()
@section('full-content')

    {{--<div id="sidebar" class="collapse navbar-collapse col-md-2 col-sm-3">--}}
        {{--<!-- Start .sidebar-inner -->--}}
        {{--<div class="sidebar-inner">--}}
            {{--<ul id="sideNav" class="nav nav-pills nav-stacked">--}}
                {{--<li>--}}
                    {{--<a href="/app/{{$id}}/orders">--}}
                        {{--<div class="col-sm-9 col-xs-10">--}}
                            {{--<h4>支付</h4>--}}
                        {{--</div>--}}
                        {{--<div class="col-sm-3 col-xs-2">--}}
                            {{--<i class="arrowH"></i>--}}
                        {{--</div>--}}
                    {{--</a>--}}
                {{--</li>--}}
                {{--<li class="on">--}}
                    {{--<a href="/app/{{$id}}">--}}
                        {{--<div class="col-sm-9 col-xs-10">--}}
                            {{--<h4>应用信息</h4>--}}
                        {{--</div>--}}
                        {{--<div class="col-sm-3 col-xs-2">--}}
                            {{--<i class="arrowW"></i>--}}
                        {{--</div>--}}
                    {{--</a>--}}
                {{--</li>--}}
                {{--<li>--}}
                    {{--<a href="/app/paychanle">--}}
                        {{--<div class="col-sm-9 col-xs-10">--}}
                            {{--<h4>已开通支付通道</h4>--}}
                        {{--</div>--}}
                        {{--<div class="col-sm-3 col-xs-2">--}}
                            {{--<i class="arrowH"></i>--}}
                        {{--</div>--}}
                    {{--</a>--}}
                {{--</li>--}}
            {{--</ul>--}}
        {{--</div>--}}
        {{--<!-- End .sidebar-inner -->--}}
    {{--</div>--}}
    @include('layouts.buz.sidebar.app', ['active'=> 'info'])

    <div class="yhy-member col-sm-9 col-sm-push-3 col-md-10 col-md-push-2 col-xs-12">
        <input type="hidden" id="app_id" value="{{$id}}">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    应用信息
                    <button type="button" class="btn btn-default right updateInfo" data-i="0">修改</button>
                </h4>
            </div>
            <div class="panel-body">
                <div class="row y-mt10" id="content">

                </div>
            </div>
        </div>
    </div>
@endsection()

@section('dialog')

@endsection()
@section('bottom_js')
    <script src="{{asset('js/buz/template-web.js')}}"></script>
    <script id="info" type="text/html">
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">应用名称</label>
                <div class="col-sm-7">
                    <input type="text" id="appName" class="form-control" disabled="disabled" value="@{{data.name}}">
                </div>
            </div>
        </div>
        {{--<div class="col-sm-10  y-mt10">--}}
            {{--<div class="form-group">--}}
                {{--<label for="firstname" class="col-sm-3 control-label">回调通知地址</label>--}}
                {{--<div class="col-sm-7">--}}
                    {{--<input type="text" id="notifyUrl" class="form-control" disabled="disabled" value="@{{data.notify_url}}">--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">
                    应用域名
                </label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" disabled="disabled" value="@{{data.domain}}">
                </div>
            </div>
        </div>

        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">
                    icp备案号
                </label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" disabled="disabled" value="@{{data.icp}}">
                </div>
            </div>
        </div>

        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">
                    APP_ID
                </label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" disabled="disabled" value="@{{data.app_id}}">
                </div>
            </div>
        </div>
        @{{if data.classify == 1 || data.classify == 2}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">
                    客户端签名
                </label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" disabled="disabled" value="@{{data.app_signature}}">
                </div>
            </div>
        </div>
        @{{/if}}
        @{{if data.classify == 1}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">
                    客户端包名
                </label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" disabled="disabled" value="@{{data.app_package}}">
                </div>
            </div>
        </div>
        @{{/if}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">应用状态</label>
                <div class="col-sm-7">
                    @{{if data.status == 0}}
                    未审核
                    @{{/if}}
                    @{{if data.status == 1}}
                    已审核
                    @{{/if}}
                    @{{if data.status == 2}}
                    审核拒绝
                    @{{/if}}

                </div>
            </div>
        </div>
        @{{if data.status == 2}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">未通过原因</label>
                <div class="col-sm-7"> @{{data.remark}} </div>
            </div>
        </div>
        @{{/if}}
        <div class="col-sm-10  y-mt10">
            <div class="form-group">
                <label for="firstname" class="col-sm-3 control-label">删除应用</label>
                <div class="col-sm-4">
                    删除App后无法恢复请谨慎操作
                </div>
                <div class="col-sm-3">
                    <button type="button" class="btn btn-danger" id="deleteInfo">删除</button>
                </div>
            </div>
        </div>
    </script>
    <script>
        var $id = $("#app_id").val();
        $.ajax({
            url: "/api/app/"+$id,
            type: 'get',
//            beforeSend: function () {
//                // 加载loading
//                $("body").append("<div class='yhy-loading'><div class='spinner'><div class='bounce1'></div><div class='bounce2'></div><div class='bounce3'></div></div></div>");
//            },
            success:function(data){
                if(filterAjaxData(data)){
                    console.log(data);

                    var html = template('info', data);
                    document.getElementById('content').innerHTML = html;
                }
            }
//            complete: function () {
//                $(".yhy-loading").remove();
//            }


        });
    </script>
    <script>
        $(function () {
            //更新
            $(".updateInfo").click(function () {
                var content = $("#content");
                if ($(this).text() == "修改"){
                    content.find("#notifyUrl").attr("disabled",false);
                    content.find("#appName").attr("disabled",false);
                    $(this).text("保存");
                }else {
                    var $id = $("#app_id").val();
                    var $appName = content.find("#appName").val();
                    var $notifyUrl = content.find("#notifyUrl").val();
                    $.ajax({
                        url: "/api/app/"+$id,
                        type: 'put',
                        data:{name:$appName, notify_url:$notifyUrl},
                        success:function(data){
                            if(filterAjaxData(data)){
                                console.log(data);
                                location = location;
//                            }else{
//                                showMsg(data.message);
                            }
                        }


                    });
                }

            });
            //删除
            $("#content").on("click","#deleteInfo",function () {
                var $id = $("#app_id").val();

                $.ajax({
                    url: "/api/app/"+$id,
                    type: 'delete',
                    success:function(data){
                        if(filterAjaxData(data)){
                            console.log(data);
                            window.location.href="/index";
//                        }else{
//                            showMsg(data.message);
                        }
                    }


                });
            })
        })
    </script>
@endsection()
